<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>我的模块页</title>
		<style type="text/css">
			body,ul,li{
				margin: 0;
				padding: 0;
			}
			body{
				font-size: 14px;
				line-height: 1.5em;
				color: #ccc;
			}
			ul{
				margin-left: auto;
				margin-right: auto;
				max-width: 1000px;
				list-style: none;
			}
			li{
				float: left;
			}
			a{
				display: block;
				margin: 5px;
				width: 120px;
				height: 50px;
				line-height: 50px;
				text-align: center;
				text-decoration: none;
				border-radius: 5px;
				color: white;
				background-color: darkseagreen;
				overflow: hidden;
			}
			a:hover{
				-moz-transition-duration: 0.7s;
				-ms-transition-duration: 0.7s;
				-webkit-transition-duration: 0.7s;
				transition-duration: 0.7s;
				background-color: green;
			}
		</style>
	</head>
	<body>
		<ul>
			<li><a href="validform/validform.html" target="_blank">validform表单验证</a></li>
			<li><a href="flexbox/flexbox.html" target="_blank">响应式</a></li>
			<li><a href="falls/falls.html" target="_blank">瀑布流</a></li>
			<li><a href="zyapp_reg/step-1.html" target="_blank">注册1</a></li>
			<li><a href="zyapp_reg/step-2.html" target="_blank">注册2</a></li>
			<li><a href="animat/circle.html" target="_blank">动画（圆形波动）</a></li>
			<li><a href="category/index.html" target="_blank">级联分类</a></li>
		</ul>
	</body>
</html>
